<template>
	<div class="mine">
		<div class="mineHead">
		<h1 class="mine-logo">
			<a href="#">
				<img src="https://i3.letvimg.com/lc07_img/201605/26/17/19/CNlogo2x.png" />
			</a>
		</h1>
		<p class="f_title">一个帐号玩转所有乐视服务</p>
		</div>
		<div class="mineInf">
			<ul>
				<li>
	                    <i class="yo-ico" id="yoFont1" >&#xe615;</i>
	                    <span class="s_input_box"><input style="color: #020202;" id="inCon1" placeholder="邮箱/手机号" class="input_phone j-s-id" name="input_phone" type="text" data-type="email"></span>

	               </li>
	               <li>
	                    <i class="yo-ico" id="yoFont2">&#xe640;</i>
	                    <span class="s_input_box"><input style="color: #020202;" placeholder="密码" class="input_phone j-s-id" name="input_phone" :type="inputType" data-type="email"></span>
	                    <i class="yo-ico" id="yoFont3" v-show="isSee" @click="isSeeEye">&#xe620;</i>
	                    <i class="yo-ico" id="yoFont4" v-show="!isSee" @click="isSeeEye">&#xe633;</i>

	               </li>
			</ul>
			<p class="loginButton" @click="$store.commit('login');login()"><span>登&nbsp;&nbsp;录</span></p>
			<ol class="textLogin">
                <li class="li_l"><a href="#"><span>短信验证码登录</span></a></li>
                <li class="li_c">|</li>
                <li class="li_r"><a href="#"><span>重置密码</span></a></li>
           </ol>
		</div>

		<div class="mineFooer">
			<div class="regi_wz_box">
        从这里出发，开启乐视生态世界
        <router-link tag="a" :to="{name: 'regist'}" class="#">立即注册</router-link>
        </div>
			<div class="regiMore">
				<span class="line"></span>
				<span class="regOther">其他方式登录</span>
				<span class="line"></span>
			</div>
			<div class="regiOthers">
	            <span class="yo-ico" id="regiQQ">&#xe628;</span>
	            <span class="yo-ico" id="regiSina">&#xe6a2;</span>
			</div>
			<p class="language"><span>语言&nbsp;&nbsp;:&nbsp;&nbsp;</span><a>简体中文</a><span>国家/地区&nbsp;&nbsp;:&nbsp;&nbsp;</span><a>中国</a></p>
			<p class="tel">客服电话&nbsp;:&nbsp;<span>1010 9000</span>
				</p>
		</div>
	</div>

</template>

<script>
import "../assets/iconfont/iconfont1.ttf";
import "../assets/iconfont/iconfont1.woff";
import Vue from "vue";
import VueRouter from "vue-router";
export default {
  data() {
    return {
      isSee: true,
      inputType: "password"
    };
  },
  methods: {
    isSeeEye() {
      this.isSee = !this.isSee;
      if (this.inputType === "password") {
        this.inputType = "text";
      } else {
        this.inputType = "password";
      }
    },
    login() {
      if (this.$store.state.isLogin == true) {
        this.$router.push("/mine");
      }
    }
  },
  mounted() {
    let l = this.$store.state.isLogin;
    if (l) {
      this.$router.push("/mine");
    }
  }
};
</script>

<style>

</style>
